<template>
  <el-card class="flex-1 flex flex-col">
    <!-- Header插槽 -->
    <template v-if="$slots.header" #header>
      <slot name="header"></slot>
    </template>
    
    <!-- 默认内容插槽 -->
    <slot></slot>
    
    <!-- Footer插槽 -->
    <template v-if="$slots.footer" #footer>
      <slot name="footer"></slot>
    </template>
  </el-card>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">

:deep(.el-card__body) {
  flex: 1;
  display: flex;
  flex-direction: column;
}
</style>